<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>网演中国粤西平台</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=9,Chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<!-- css -->
		<link rel="stylesheet" type="text/css" href="css/frameCss/animate.css" />
		<link rel="stylesheet" type="text/css" href="css/frameCss/swiper.css" />
		<link rel="stylesheet" type="text/css" href="css/public.css">
		<link rel="stylesheet" type="text/css" href="css/index.css">
	</head>

	<body>

		<div id="container-wrapper" class="animated fadeInLeft">

			<div id="container">
				<!--轮播图-->
				<div class="banner swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<a href="#"><img src="images/02856300.jpg" height="100%" width="100%" /></a>
						</div>
						<div class="swiper-slide">
							<a href="#"><img src="images/21651800.jpg" height="100%" width="100%" /></a>
						</div>
						<div class="swiper-slide">
							<a href="#"><img src="images/50849300.jpg" height="100%" width="100%" /></a>
						</div>
					</div>
					<div class="swiper-pagination"></div>
				</div>
				<!--主导航-->
				<div id="nav-fixed">
					<a href="wholeList/wholeList.html" class="nav-item"><i class="icon-nav nav1"></i>演出</a>
					<a href="store/troupe.html" class="nav-item"><i class="icon-nav nav2"></i>院团</a>
					<a href="store/scheduleList.html" class="nav-item"><i class="icon-nav nav3"></i>排期</a>
					<a href="store/newsList.html" class="nav-item"><i class="icon-nav nav4"></i>动态</a>
					<a href="agent/index.html" class="nav-item"><i class="icon-nav nav5"></i>经纪人</a>
				</div>

				<div id="listhot">
					<a href="store/goods.html">
						<div class="listhot-item">
							<div class="listhot-img"><img src="http://gd.wycn.com/data/upload/apps/store/goods/8/8_05433168169349217.jpg"></div>
							<div class="listhot-title">好戏百元大“惠”演儿童剧《皇帝的新装》</div>
						</div>
					</a>
					<a href="store/goods.html">
						<div class="listhot-item">
							<div class="listhot-img"><img src="http://gd.wycn.com/data/upload/apps/store/goods/8/8_05433168169349217.jpg"></div>
							<div class="listhot-title">好戏百元大“惠”演儿童剧《皇帝的新装》</div>
						</div>
					</a>
					<a href="store/goods.html">
						<div class="listhot-item">
							<div class="listhot-img"><img src="http://gd.wycn.com/data/upload/apps/store/goods/108/108_05442829600980822.jpg"></div>
							<div class="listhot-title">大型音乐童话人偶剧《白雪公主》</div>
						</div>
					</a>
					<a href="store/goods.html">
						<div class="listhot-item">
							<div class="listhot-img"><img src="http://gd.wycn.com/data/upload/apps/store/goods/108/108_05442829600980822.jpg"></div>
							<div class="listhot-title">大型音乐童话人偶剧《白雪公主》</div>
						</div>
					</a>
					<a href="store/goods.html">
						<div class="listhot-item">
							<div class="listhot-img"><img src="http://gd.wycn.com/data/upload/apps/store/goods/108/108_05442829600980822.jpg"></div>
							<div class="listhot-title">大型音乐童话人偶剧《白雪公主》</div>
						</div>
					</a>
				</div>

				<div id="listcard">
					<h1>热门精选<a href="wholeList/wholeList.html">查看更多</a></h1>
					<ul>
						<li>
							<a href="store/goods.html">
								<div><img src="http://gd.wycn.com/data/upload/apps/store/goods/8/8_05433168169349217.jpg">好戏百元大“惠”演儿童剧《皇帝的新装》</div>
							</a>
						</li>
						<li>
							<a href="store/goods.html">
								<div><img src="http://gd.wycn.com/data/upload/apps/store/goods/8/8_05433168169349217.jpg">好戏百元大“惠”演儿童剧《皇帝的新装》</div>
							</a>
						</li>
						<li>
							<a href="store/goods.html">
								<div><img src="http://gd.wycn.com/data/upload/apps/store/goods/108/108_05442829600980822.jpg">大型音乐童话人偶剧《白雪公主》</div>
							</a>
						</li>
						<li>
							<a href="store/goods.html">
								<div><img src="http://gd.wycn.com/data/upload/apps/store/goods/108/108_05442829600980822.jpg">大型音乐童话人偶剧《白雪公主》</div>
							</a>
						</li>
						<li>
							<a href="store/goods.html">
								<div><img src="http://gd.wycn.com/data/upload/apps/store/goods/108/108_05442829600980822.jpg">大型音乐童话人偶剧《白雪公主》</div>
							</a>
						</li>
						<li>
							<a href="store/goods.html">
								<div><img src="http://gd.wycn.com/data/upload/apps/store/goods/108/108_05442829600980822.jpg">大型音乐童话人偶剧《白雪公主》</div>
							</a>
						</li>
						<li>
							<a href="store/goods.html">
								<div><img src="http://gd.wycn.com/data/upload/apps/store/goods/108/108_05442829600980822.jpg">大型音乐童话人偶剧《白雪公主》</div>
							</a>
						</li>
						<li>
							<a href="store/goods.html">
								<div><img src="http://gd.wycn.com/data/upload/apps/store/goods/8/8_05433205445761432.jpg">好戏百元大“惠”演《范蠡献西施》</div>
							</a>
						</li>
						<li>
							<a href="store/goods.html">
								<div><img src="http://gd.wycn.com/data/upload/apps/store/goods/8/8_05434073643643382.jpg">好戏百元大“惠”演《范蠡献西施》</div>
							</a>
						</li>
						<li>
							<a href="store/goods.html">
								<div><img src="http://gd.wycn.com/data/upload/apps/store/goods/112/112_05435849093249105.jpg">爱乐汇•大卫贝肯（倒霉熊）亲子音乐剧之《今天运气真好！》</div>
							</a>
						</li>
					</ul>
				</div>

				<div id="bottom">已经到底了</div>
			</div>
		</div>

		<footer id="bar-fixed">
			<a href="index.html" class="tab-item active"><i class="icon-tabbar bar-home2"></i>首页</a>
			<a href="category/category.html" class="tab-item"><i class="icon-tabbar bar-message"></i>分类</a>
			<a href="publish/index.html" class="tab-item"><i class="icon-tabbar bar-publish"></i>发布</a>
			<a href="user/index.html" class="tab-item"><i class="icon-tabbar bar-user"></i>我</a>
		</footer>

		<!-- js -->
		<script src="js/frameJS/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="js/clientwidth.js"></script>
		<script src="js/frameJS/iscroll/build/iscroll.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/frameJS/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script>
			$(function() {

				if(document.body.clientWidth > 640) {
					$('body').css({
						width: 640,
						margin: '0 auto',
					});
				}

				//引用iScroll并调用
				function loaded() {
					var myScroll = new IScroll('#container-wrapper', {
						scrollbars: true,
						mouseWheel: true,
						interactiveScrollbars: true,
						shrinkScrollbars: 'scale',
						fadeScrollbars: true,
						//click:true防止点击事件或a标签失效
						click: true
					});
				}
				window.setTimeout(loaded, 100);

				//头部轮播图
				var swiper = new Swiper('.swiper-container', {
					pagination: '.swiper-pagination',
					paginationClickable: true,
					autoplay: 1000
				});
			})
		</script>
	</body>
</html>